<template>
	<view class="content">
		<view class="menpiao">
			<view class="name txt-cut2">
				独家揭秘央视新闻报道人物 "XXX" 成功经验
			</view>
			<view class="date">
				<view class="uni-icon color3">&#xe602;</view> 2018-9-4 21:52:36 至 2018-9-4 21:52:52
			</view>
			<view class="addr">
				<view class="uni-icon color3">&#xe650;</view> 湖南省长沙市开福区万家丽中路马栏山100号杏花楼广场 [点击查看地图]
			</view>
			<view class="menpiao-ewm">
				<swiper>
					<swiper-item>
						<view class="">票号: 123456789</view>
						<image src="../../static/ewm1.png"></image>
					</swiper-item>
				</swiper>
			</view>
		</view>
		<view class="user-info">
			<view class="row">
				<view class="col-6">
					姓名: 游杰
				</view>
				<view class="col-6">
					票种: 免费票
				</view>
			</view>
			<view class="row">
				<view class="col-6">
					电话: 18674497626
				</view>
				<view class="col-6">
					票价: 免费
				</view>
			</view>
			<view class="row">
				<view class="col-6">
					状态: 有效票
				</view>
				<view class="col-6">
					
				</view>
			</view>
			<view class="text-desc">
				门票说明: 惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺想休息休息想
			</view>
		</view>
		
		<view class="tishi">
			<view class="titel">
				温馨提示:
			</view>
			<view class="text-desc">
				1.请不要把电子票随意分享给他人，以免被盗用。
			</view>
			<view class="text-desc">
				2.入场时，请提前打开电子票，调亮手机屏幕，扫描二维码检票入场。1人1票。 
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'OrderDetail',
		data: function () {
			return {

			};
		}
	}
</script>

<style scoped>
	.menpiao {
		margin: 30px 30px 0;
		padding: 40px;
		background: #fff;
		border-radius: 30px; 
		border-bottom: 5px dotted #eee;
	}

	.menpiao>view {
		margin: 15px 0;
	}

	.menpiao .name {
		color: #0099CC;
		font-size: 32px;
	}

	.menpiao .menpiao-ewm {
		text-align: center;
		margin-top:30px;
	}
	.menpiao .menpiao-ewm swiper {
		height: 380px;
	}

	.menpiao .menpiao-ewm image {
		width: 350px;
		height: 350px;
	}
	
	.user-info{
		display: flex;
		flex-direction: column;
		margin: 0 30px;
		padding: 40px;
		background: #fff;
		border-radius: 30px; 
		font-size: 28px;
		/* border-bottom: 5px dashed #eee; */
	}
	
	.user-info .row{
		display: flex;
		margin: 6px 0;
		/* flex-direction: column; */
	}
	.user-info .row .col-6{
		flex: 1;
	}
	.text-desc{
		margin-top: 20px;
	}
	
	.tishi{
		margin:35px 0;
		padding: 30px;
		background: #fff;
	}
	.date,
	.addr {
		color: #888;
		font-size: 25px;
	}
</style>
